.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36%; /* 或者指定高度 */
  z-index: -1;
}

.content {
  position: absolute; /* 绝对定位 */
  top: 27%; /* 距离顶部 35% */
  left: 7%; /* 距离左边 15% */
  width: 86%; /* 宽度 70% */
  height: 60%; /* 高度 40% */
  // border: 2px solid #000; /* 显示黑色边框 */
  // background-color: rgb(195, 118, 118); /* 背景颜色 */
}
.item {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 6px;
  background-color: #f5f5f5;
  color: #333;
  font-size: 16px;
  cursor: pointer;
}
.icon {
  width: 24px; /* 图标的宽度 */
  height: 24px; /* 图标的高度 */
  margin-right: 10px; /* 图标和文字之间的间距 */
}

.header {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  color: rgb(255, 255, 255);
  font-size: 20px;
  cursor: pointer;
  position: absolute; /* 绝对定位 */
  top: 5%; /* 从顶部10%开始 */
  left: 30%; /* 水平居中 */
  transform: translateX(-50%); /* 水平居中调整 */
}

.avatar {
  width: 65px; /* 头像框的宽度 */
  height: 65px; /* 头像框的高度 */
  border-radius: 50%; /* 使头像框为圆形 */
  background-size: cover; /* 背景图片覆盖整个区域 */
  margin-right: 10px; /* 头像和文字之间的间距 */
}
.button{
	position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 16px;
  color: white;
  border: none;
  border-radius: 5px;
}
.btn button{
  width: 100px;
}




